<!DOCTYPE html>
<html>
	<head>
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="bookmark" href="favicon.ico" />
		<meta charset="UTF-8">
		<title>360极速浏览器</title>
		<style type="text/css"></style>
		<link rel="stylesheet" href="css/fullpage.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!--导航页面-->
		<div class="First">
			<div class="FirstContend">
				<img src="img/360极速.png" alt="360"/>
				<div class="lpl">
					<a href="#">京东网</a>
					<a href="#">论坛</a>
					<a href="#">个人简历</a>
					<a href="#">Bilinili</a>
				</div>
			</div>
		</div>
         <!--分屏-->	
         <div id="fullpage">
         <!--第一屏-->
         <div class="section section1">
         	<!--文字和链接-->
         <div class="title-box">
           		<p>畅快浏览&nbsp;极致体验</p>
           		<a href="#"></a>
         </div>
           	<img src="img/01.png" alt="虚星" class="fade"/>
           	<img src="img/02.png" alt="暗星" class="dark"/>
           	<img src="img/03.png" alt="飞船" class="ship" />
        </div>
				
		<div class="section"><video autoplay loop muted>
           	<source src="https://s2.ssl.qhres.com/static/dfeefadde568eab0.mp4" type="audio/mp4"></source>
           </video>
           <div class="word-content">
					<div class="strongword">极速</div>
					<div class="line"></div>
					<div class="midword">全新Chromium86内核</div>
					<div class="smallword">性能强劲,&nbsp;&nbsp;快如闪电。</div>
					<a href=""></a>
				</div>
			</div>

           <!--第三屏-->
           <div class="section"><video autoplay loop muted>
           	<source src="https://s3.ssl.qhres.com/static/9bebcedf292f327e.mp4" type="audio/mp4"></source></video>
           	<div class="word-content">
					<div class="strongword">极酷</div>
					<div class="line"></div>
					<div class="midword">暗夜炫黑模式</div>
					<div class="smallword">定义酷，&nbsp;&nbsp;定义你。</div>
					<a href="#"></a>
				</div>
			</div>

           <!--第四屏-->
           <div class="section">
           	<video autoplay loop muted>
           	<source src="https://s1.ssl.qhres.com/static/fdf92889c539303c.mp4" type="audio/mp4"></source></video>
           <div class="word-content">
					<div class="strongword">极安全</div>
					<div class="line"></div>
					<div class="midword">DNS加密防劫持</div>
					<div class="smallword">安全升级，&nbsp;&nbsp;肆意无忌。</div>
					<a href="#"></a>
				</div>
			</div>
			<!--第五屏-->
   <div class="section">
   <video autoplay loop muted>
   <source src="https://s1.ssl.qhres.com/static/7e7f0ec4a0cc7a66.mp4" type="audio/mp4"></source></video>
           <div class="word-content">
		   <div class="strongword">极视界</div>
		   <div class="line"></div>
		   <div class="midword">4K高清视频播放</div>
		   <div class="smallword">还原真实之美，&nbsp;&nbsp;尽显万物本色。</div>
		   <a href="#"></a></div>
   <div class="footer" id="footer">
	<a>Copyright © 2020-2021 360.CN All Rights Reserved 360互联网安全中心 隐私权政策</a>
	<a target="_blank" href="https://beian.miit.gov.cn">京ICP证080047号</a><br />
	<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000006"> 
		<img src="https://p4.ssl.qhimg.com/t01d8eda6e551cf2615.png" style="vertical-align: middle; border:none;" alt=""> 
京公网安备 11000002000006号</a>
</div>		   
   </div></div>

		   
		   
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/fullpage.js"></script>
<script type="text/javascript">
	$(function(){
	$('#fullpage').fullpage({
     'navigation': true,
	'onLeave':function(){
		$(this).find('.word-content').fadeOut();
	},
	'afterLoad':function(){
		$(this).find('.word-content').fadeIn();
	}});});
</script>
<script src="js/index.js"></script>

</body>
</html>
